
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="keywords" content="龙城药房网（手机版）提供品牌药、放心药，买药来龙城药房">
<meta name="description" content="龙城药房网（手机版）提供品牌药、放心药，买药来龙城药房,正品保证,支持货到付款!">
<title>龙城药房网（手机版）提供品牌药、放心药，买药来龙城药房</title>
    <link rel="stylesheet" href="css/style_v1013.css?v=1.27" />
    <link rel="stylesheet" href="css/index_v1013.css?v=1.27" />
    <script src="js/jquery1.7.js?v=1.27" type="text/javascript" charset="utf-8"></script>
    <script src="js/TouchSlide.1.1.js?v=1.27" type="text/javascript" charset="utf-8"></script>
    <script src="js/home_v1013.js?v=1.27" type="text/javascript" charset="utf-8"></script>
    <!--使用elementui 必须引入vue-->
    <script type="text/javascript" src="https://lib.baomitu.com/vue/2.6.12/vue.min.js"></script>
    <!-- ele引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- ele引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!--axios-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>

<div id="app">
<!--header-->
<div class="header_dl">
	<div class="back"></div>
    <h1><a href="" class="logo"><img src="img/logo.png" alt="药房网是京卫大药房网上药店!" title="药房网是京卫大药房网上药店!" /></a></h1>
    <div class="search">
        <input type="text" class="sea" name="s_words" placeholder="请输入关键词" /><input type="button" class="btn"/>
    </div>
</div>
<!--h3-->
<!--searchbox-->
<div class="searchBox">
        <div class="list">
        <ul>

        </ul>
    </div>
</div>
<!--end-->
<section class="index">
    <!-- banner -->
    <!-- banner -->
<div id="slideBox" class="slideBox">
    <div class="bd">
        <ul>
                        <li><a href="#" title="月末福利"><img src="https://snap.yifengx.com/YFX1326BqMdXsHyu/zt-advertise/zt/adpush/2022-03-25/103119.gif?1648193760000"  alt="月末福利" /></a></li>
                        <li><a href="#" title="E中医"><img src="img/b3938140984f97a39483c9e47b9edfb2.jpg"  alt="正品行货" /></a></li>
                        <li><a href="#" title="奥利司他"><img src="img/38eeceac6cb64289b0b690f91a0822de.jpg"  alt="奥利司他" /></a></li>
                        <li><a href="#" title="复方阿胶浆"><img src="img/70a052c3846a213c0d7645305879450d.jpg"  alt="复方阿胶浆" /></a></li>
                        <li><a href="#" title="欧淬恩鱼油"><img src="img/7f3dd25f18abc0d541ae78c3fb952271.jpg"  alt="欧淬恩鱼油" /></a></li>
                    </ul>
    </div>
    <div class="hd">
        <ul></ul>
    </div>
</div>

<!-- end -->
    <!-- end -->

    <!--menu-->
    <div class="menu">
        <ul>
            <li><a href=""><i><img src="img/menu_icon1.png" alt="药房网首页" /></i><p>首页</p></a></li>
            <li><a href="../cart/index.html"><i><img src="img/menu_icon2.png" alt="购物车" /></i><p>购物车</p></a></li>
            <li><a href=""><i><img src="img/menu_icon3.png" alt="订单" /></i><p>订单</p></a></li>
            <li><a href="../user/person.html"><i><img src="img/menu_icon4.png" alt="我的药房网" /></i><p>我的</p></a></li>
        </ul>
    </div><!--end-->

    <!--热销商品-->
    <div class="index_list1">
    <div class="index_title">热销商品</div>
    <div class="index_list1_con">
        <div class="index_list1_l">
                        <dl>
                <a href="article.htm">
                    <dt><span>复方阿胶浆</span><strong>气血双补</strong><b>￥199.00</b></dt>
                    <dd><img src="http://www.yfdyf.com/public/images/a5/b4/6a/1ccc5dfd22dd721e471242748769f194.jpg?1402998533#h" alt="复方阿胶浆"></dd>
                </a>
            </dl>
                    </div>
        <div class="index_list_r">
                        <dl v-for="g1 in goods1">
                <a :href="`article.html?goodsCode=${g1.goodsCode}`">
                    <dt><span>{{g1.goodsName}}</span><strong>{{g1.company}}</strong><b>￥{{g1.goodsPrice}}</b></dt>
                    <dd><img :src="g1.goodsPicture" alt="盐酸阿莫罗芬搽剂(罗每乐)"></dd>
                </a>
            </dl>

        </div>
    </div>
</div>
    <!--end-->

    <!--非处方药品-->
    <div class="index_list2">
    <div class="index_title">药享折扣</div>
    <div class="index_list2_con">
        <ul>
                        <li><a href="javascript:void(0)goods/index/1025603" title="他达拉非片(希爱力)"><img src="img/dccd01dc544d16c4d79606e67ea0b900.jpg"  alt="他达拉非片(希爱力)" /><span>他达拉非片(希爱力)</span></a></li>
                    </ul>
    </div>
</div>
    <!--end-->

    <!--成人用品-->
    <div class="index_list3">
    <div class="index_title">情趣精品</div>
    <div class="index_list3_con">
        <dl>
            <dt>
            <div>
                            <a  href="/goods/index/1040896" title="赤尾天然胶乳橡胶避孕套（黑金极薄）"><img src="img/62e288e35a8e570d0a272d80df0d66d1.jpg"  alt="赤尾天然胶乳橡胶避孕套（黑金极薄）"><span><i>赤尾天然胶乳橡胶避孕套（黑金极薄）</i><b>超薄润滑</b></span></a>
                        </div>

            <div>
                                <a href="javascript:void(0)goods/index/1040897" title="赤尾天然胶乳橡胶避孕套（黑金极薄）"><span><i>赤尾天然胶乳橡胶避孕套（黑金极薄）</i><b>极致体验</b></span><img src="img/15f273d43a37a42f2b0b798c7156cfd7.jpg"  alt="赤尾天然胶乳橡胶避孕套（黑金极薄）"></a>
                            </div>
            </dt>
            <dd>
                                <a href="javascript:void(0)goods/index/1029735" title="早早孕测试笔(可丽蓝)"><span>早早孕测试笔(可丽蓝)</span> <b>早测早知道 </b><strong><img src="img/9355dee3b80be498c503a0ea93b196c9.jpg"  alt="早早孕测试笔(可丽蓝)"></strong></a>
                            </dd>
        </dl>
    </div>
</div>
    <!--end-->

    <div class="index_list3">
    <div class="index_title">购划算</div>
    <div class="index_list3_con">
        <dl>
            <dt>
            <div>
                                <a href="javascript:void(0)goods/index/1046742/608" title="闪亮护眼贴"><img src="img/c25f2afa6021a2e8fc005ae2ec246642.jpg"  alt="闪亮护眼贴"><span><i>闪亮护眼贴</i><b>珍爱视力</b></span></a>
                            </div>
            <div>
                                <a href="javascript:void(0)goods/index/1046575/608" title="薇美玫瑰私密滋养洗液"><span><i>薇美玫瑰私密滋养洗液</i><b>私密滋养</b></span><img src="img/f920c8189d3fc35a938d029bd34b4603.jpg"  alt="薇美玫瑰私密滋养洗液"></a>
                            </div>
            </dt>
            <dd>
                                <a href="javascript:void(0)goods/index/1046547/608" title="五子衍宗丸"><span>五子衍宗丸</span><b>益精补肾</b><strong><img src="img/55ca0b1cd5c98a120bd7af9a77020575.jpg"  alt="五子衍宗丸"></strong></a>
                            </dd>
        </dl>
    </div>
</div>
    <!--end-->
    <!--商品分类-->
    <div class="pro_cf">
        <div class="index_title">商品分类</div>
        <div class="cf_list">
            <ul  v-for="(cate,i) in categorys.list">
                <li>
                    <div class="txt">
                        <h5><a href="">{{cate.categoryName}}</a></h5>
                        <!--<p><a href="javascript:void(0)category/index/43230">男科</a>、<a href="javascript:void(0)category/index/43230">脱发</a></p>-->
                    </div>
                    <div class="pic"><div class="tabcell"><a :href=`article.html?categoryCode=${cate.categoryCode}`><img :src="cate.categoryPictures" :alt="cate.categoryName"/></a></div></div>
                </li>
<!--                `article.html?categoryCode=${cate.categoryCode}`-->
            </ul>
        </div>
    </div><!--end-->

</section>

    <!--submenu-->
    <div class="submenu">
        <ul>
            <li class="info_url"><a href="../user/login.html"><img src="img/footer_icon1.png"/><span>&nbsp;&nbsp;登录</span></a></li>
            <li class="login_out"><a href="../user/login.html"><img src="img/footer_icon2.png"/><span class="login_out">注册</span></a></li>
            <!--<li><a href="javascript:void(0)feedback/index"><img src="img/footer_icon3.png"/>反馈</a></li>-->
        </ul>
    </div>
<!--end-->

    <!--pcph-->
    <div class="pcph">
        <ul>
            <li><a href=""><img src="img/footer_icon4.png?v=1.27"/>触屏版</a></li>
            <li><a href=""><img src="img/footer_icon5.png?v=1.27"/>电脑版</a></li>
        </ul>
    </div>
<!--end-->

    <!--copy--->
    <div class="copy">2021-2022龙城药房网版权所有</div><!--end-->

    <!--btntop-->
    <div class="btntop"><img src="img/4041.png"/></div><!--end-->

</div>
<script>
    var v = new Vue({
        el:"#app",
        data:{
            categorys:[],
            goods1:[],
            goods1Pic:[],
        },
        mounted(){
            axios.post("http://127.0.0.1:8001/goodsCategory/getCategory",{
                pageNum:1,
                pageSize:100,
            }).then(res=>{
                this.categorys = res.data;
            });
            axios.post("http://127.0.0.1:8001/goodsInfo/getGoodsByPage",{
                pageNum:1,
                pageSize:4,
            }).then(res=>{
                this.goods1 = res.data.list;
                console.log(this.goods1);
                for(var i = 0; i<this.goods1.length;i++){
                    console.log(this.goods1.goodsPicture);
                }
            });

        },
    })
</script>
<script type="text/javascript">
    TouchSlide({
        slideCell:"#slideBox",
        titCell:".hd ul", //�����Զ���ҳ autoPage:true ����ʱ���� titCell Ϊ����Ԫ�ذ�����
        mainCell:".bd ul",
        effect:"leftLoop",
        autoPage:true,//�Զ���ҳ
        autoPlay:true //�Զ�����
    });
</script>
</body>
</html>